/* 默认项目高度 */
html,body,#app{
  height: 100%;
}

/* 清除ul、ol的样式 */
ul,
ol {
  list-style-type: none;
}

/* 左浮动 */
.fl {
  float: left;
}

/* 右浮动 */
.fr {
  float: right;
}

/* 左外边距10px */
.ml10 {
  margin-left: 10px;
}

/* 左右边距10px */
.mr10 {
  margin-right: 10px;
}

/* 块级元素居中 */
.center {
  margin: 0 auto;
}

/* 清除浮动对父类元素的影响 */
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
}

/* 让溢出的文字以省略号形式显示 */
/*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*多行溢出*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*解决图片底册有空白缝隙*/
img {
  vertical-align: top;
}

/* 去掉input和button自带两像素的边框 */
input,
button {
  border: 1px solid #ccc;
}

/* 废物利用 */
b,
i,
s,
u {
  font-style: normal;
}

/** 滚动条样式-宽高 **/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/** 滚动条样式-轨道 **/
::-webkit-scrollbar-track{
  background-color: rgba(50,50,50,.1);
  border-radius:1em;
}
/** 滚动条样式-滑块 **/
::-webkit-scrollbar-thumb {
  background-color: rgba(50,50,50,.3);
  border-radius:1em;
}

/* 常用边距 */
.mb5{
  margin-bottom: 5px;
}
.mt5{
  margin-top: 5px;
}
.ml5{
  margin-left: 5px;
}
.mr5{
  margin-right: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.mr10 {
  margin-right: 10px;
}
.ml10{
  margin-left: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mr20 {
  margin-right: 20px;
}